body {
    margin: 0;
    padding: 0;
    background: url(../img/bj.jpg) no-repeat;
    width: 1920px;
    height: 1080px;
}

/*标题*/
.topTitle {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*标题 end*/

/*内容*/
.content {
    padding: 20px;
    width: 100%;
    height: calc(100% - 70px);
    display: flex;
}

.content-left {
    width: 600px;
}

.content-middle {
    width: 650px;
    margin: 0 15px;
}

.content-right {
    width: 600px;
}

/*内容 end*/

/*四个角*/
.corner {
    position: relative;
    height: 100%
}

.corner .topL {
    width: 12px;
    height: 12px;
    border-top-width: 2px;
    border-top-color: #00e8e4;
    border-top-style: solid;
    border-left-width: 2px;
    border-left-color: #00e8e4;
    border-left-style: solid;
    position: absolute;
    top: -1px;
    left: -1px;
}

.corner .topR {
    width: 12px;
    height: 12px;
    border-top-width: 2px;
    border-top-color: #00e8e4;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-color: #00e8e4;
    border-right-style: solid;
    position: absolute;
    top: -1px;
    right: -1px;
}

.corner .bottomL {
    width: 12px;
    height: 12px;
    border-bottom-width: 2px;
    border-bottom-color: #00e8e4;
    border-bottom-style: solid;
    border-left-width: 2px;
    border-left-color: #00e8e4;
    border-left-style: solid;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

.corner .bottomR {
    width: 12px;
    height: 12px;
    border-bottom-width: 2px;
    border-bottom-color: #00e8e4;
    border-bottom-style: solid;
    border-right-width: 2px;
    border-right-color: #00e8e4;
    border-right-style: solid;
    position: absolute;
    bottom: -1px;
    right: -1px;
}

/*四个角 end*/


.card {
    position: relative;
    background: rgb(29 57 196 / 0.69);
}

.cardTitle {
    position: absolute;
    top: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(104, 125, 196, 0) 0%, #6884C4 50%, rgba(55, 102, 145, 0) 100%);
}

.cardCon {
    position: absolute;
    top: 35px;
    width: 100%;
    height: calc(100% - 35px);
    padding: 15px;
}

/*防止点击有黑边*/
:focus, .bootstrap-select button.dropdown-toggle:focus {
    outline: none !important;
}

/*防止点击有黑边 end*/

/*-----------------------------------------------------------------------------------------------------------*/
/*table*/
table {
    color: #FFF;
    font-size: 12px;
}

table thead {
    height: 34px;
    background: rgb(74 144 226 / 0.2);
}

table thead th, table tbody tr {
    text-align: center;
}

.fixed-table-container {
    border: none !important;
}

.fixed-table-container tbody td, .fixed-table-container thead th {
    border-left: 0 !important;
}

.bootstrap-table .table > thead > tr > th {
    border: none !important;
    color: #93b0c5;
}

.table > tbody > tr > td {
    border-top: 1px solid rgb(74 144 226 / 0.25) !important;
}

.bootstrap-table .table {
    border-bottom: 1px solid rgb(74 144 226 / 0.25) !important;
}

.table-hover > tbody > tr:hover {
    background: none !important;
}

/*table end*/

/*本周重大事件*/
.weekEvents {
    height: 280px
}

.weekEvents .yclx {
    display: flex;
    justify-content: center;
}

.weekEvents .yclx img {
    margin-right: 8px;
    width: 14px;
    height: 14px;
}

.weekEvents .zlyc {
    color: #E03A3A;
}

.weekEvents .jdyc {
    color: #FA6400
}

.weekEvents .sbyc {
    color: #F7B500;
}

.weekEvents .wlyc {
    color: #EFDC10;
}

/*本周重大事件 end*/

/*产量详情*/
.up {
    color: #50E3C2
}

.down {
    color: #E03A3A
}

.productionDetail {
    height: 340px;
    margin: 15px 0;
}

.productionDetail .proItem {
    width: 280px;
    height: 130px;
    border-radius: 8px;
    border: 1px solid rgb(74 144 226 / 0.25);
    padding: 15px;
}

.productionDetail .cardCon {
    display: flex;
    flex-wrap: wrap;
}

.productionDetail .cardCon .proItem:nth-child(odd) {
    margin-right: 10px;
}

.productionDetail .proItem .proItem-title {
    color: #FFF;
}

.productionDetail .proItem .proItem-con {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}

.productionDetail .proItem .proItem-con > div {
    width: 50%;
    height: 42px;
    display: flex;
    align-items: flex-end;
}

.productionDetail .proItem .proItem-con > div span:first-child {
    color: #93b0c5;
    display: inline-flex;
    justify-content: flex-end;
    margin-right: 5px;
}

.productionDetail .proItem .proItem-con .proItem-con-1 span:first-child, .productionDetail .proItem .proItem-con .proItem-con-3 span:first-child {
    width: 45px;
}

.productionDetail .proItem .proItem-con .cl, .productionDetail .proItem .proItem-con .shl {
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 26px;
}

.productionDetail .proItem .proItem-con .proItem-con-2, .productionDetail .proItem .proItem-con .proItem-con-4 {
    padding-left: 10px;
}

/*产量详情 end*/

/*指标状态*/
.targetState {
    height: 320px;
}

/*指标状态 end*/

/*质量指数*/
.quality {
    height: 320px
}

/*质量指数 end*/

/*生产进度*/
.productionSchedule {
    height: 340px;
    margin: 15px 0;
}

.productionSchedule .chart {
    position: relative;
}

.productionSchedule select {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    color: #93B0C5;
}

.productionSchedule select option {
    color: #333;
}

/*生产进度 end*/

/*订单详情*/
.orderDetail {
    height: 280px;
}

.orderDetail .state {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 auto;
}

.running {
    background: #50E3C2;
}

.standby {
    background: #EFDC10;
}

.stop {
    background: #E03A3A;
}

/*订单详情 end*/

/*温度湿度*/
.temHum {
    height: 170px;
}

.temHum .cardCon {
    display: flex;
}

.temHum .temHumItem {
    width: 100%;
    height: 102px;
    border-radius: 8px;
    border: 1px solid rgb(74 144 226 / 0.25);
    padding: 15px;
    margin: 0 4px;
}

.temHum .temHumItem:first-child {
    margin-left: 0;
}

.temHum .temHumItem:last-child {
    margin-right: 0;
}

.temHum .temHumItem .temHumItem-title {
    color: #FFF;
    font-size: 12px;
}

.temHum .temHumItem .temHumItem-con .temHumItem-con-list {
    display: flex;
    float: left;
    width: 50%;
    justify-content: center;
}

.temHum .temHumItem .temHumItem-con .temHumItem-con-list .tp {
    display: flex;
    align-items: center;
}

.temHum .temHumItem .temHumItem-con .temHumItem-con-list .wz {
    color: #F7B500;
}

.temHum .temHumItem .temHumItem-con .temHumItem-con-list .wz span {
    font-size: 36px;
    margin: 0 10px;
}

.temHum .temHumItem .temHumItem-con .temHumItem-con-list:nth-child(2) .wz {
    color: #50E3C2
}

/*温度湿度 end*/

/*能源情况*/
.energy {
    height: 450px;
    margin: 15px 0;
}

.energy .chart {
    position: relative;
}

.energy select {
    position: absolute;
    top: 5px;
    right: 130px;
    background: none;
    border: none;
    color: #93B0C5;
}

.energy select option {
    color: #333;
}

.energy .sdq {
    position: absolute;
    top: 0;
    right: 0;
    color: #93B0C5;
    display: flex;
}

.energy .sdq > div {
    width: 30px;
    height: 30px;
    border: 1px solid rgb(74 144 226 / 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 4px;
}

.energy .sdq .active {
    background: rgb(74 144 226 / 0.2);
    color: #FFF;
}

/*能源情况 end*/

/*设备OEE*/
.oee {
    height: 320px;
}

.oee .chart {
    position: relative;
}

.oee select {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    color: #93B0C5;
}

.oee select option {
    color: #333;
}

/*设备OEE end*/